<template>
    <div class="iframe-container">
        <iframe :src="iframeUrl" frameborder="0" allowfullscreen class="embedded-iframe"></iframe>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
// 判断环境
const url = process.env.NODE_ENV === 'production' ? "https://oj.hterobot.com/ui" : "http://localhost:7001/ui"
const iframeUrl = ref(url)

</script>

<style scoped>
.iframe-container {
    width: 100%;
    height: 100vh;
    /* 或者你需要的任何高度 */
    overflow: hidden;
}

.embedded-iframe {
    width: 100%;
    height: 100%;
    border: none;
}
</style>